<template>
    <div class="repair">
        <div class="sdDredge" v-for="index in repairListState" :key="index.id">
            <h2 class="repairTit">
                <strong></strong>
                <span>{{ index.category }}</span>
            </h2>
            <div class="sdDredgeUl">
                <ul>
                    <li v-for="i in index.list" :key="i.id">
                        <a :href="yuyue( i.itemId )">
                            <i class="iconfont iconColor1" :class="[i.smallIcons, i.color]"></i>
                            <p>{{ i.name }}</p>
                        </a>
                    </li>
                </ul>
                <div class="repairLine"></div>
            </div>
        </div>
    </div>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
    created () {
        this.getrepairState()
    },
    data () {
        return {
            access: ''
        }
    },
    computed: {
        ...mapState({
            repairListState: state => state.repairModule.repairListState,
        })
    },
    
    methods: {
        yuyue ( itemId ) {
            return '/repairYy?itemId=' + itemId
        },
        ...mapActions({
            getrepairState: 'repairModule/getrepairState',
        })
    }
}
</script>

<style lang="scss">
    @import '@/assets/style/repair.scss';
</style>
